﻿@model StudentPortal.Models.LoginModel
@{
    Layout = null;
}
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	<meta charset="utf-8" />
	<title>Metronic Admin Dashboard Template</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<link href="~/Content/themes/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<link href="~/Content/themes/assets/css/metro.css" rel="stylesheet" />
	<link href="~/Content/themes/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
	<link href="~/Content/themes/assets/css/style.css" rel="stylesheet" />
	<link href="~/Content/themes/assets/css/style_responsive.css" rel="stylesheet" />
	<link href="~/Content/themes/assets/css/style_default.css" rel="stylesheet" id="style_color" />
	<link rel="stylesheet" type="text/css" href="~/Content/themes/assets/uniform/css/uniform.default.css" />
	<link rel="shortcut icon" href="favicon.ico" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="login">
	<!-- BEGIN LOGO -->
	<div class="logo" style="font-size:16pt;margin: 60px -14px 0;width:100%">
		<a class="brand" href="index.html"><span style="color:#fff">CỔNG THÔNG TIN </span><span style="color:red">SINH VIÊN</span></a>
	</div>
	<!-- END LOGO -->
	<!-- BEGIN LOGIN -->
	<div class="content">
		<!-- BEGIN LOGIN FORM -->
		@using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-vertical login-form" }))
  {
	  @Html.AntiForgeryToken()
@*<form class="form-vertical login-form" action="index.html" >*@
			<h3 class="form-title">Đăng nhập</h3>
			<div class="control-group">
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-user"></i>
						@Html.TextBoxFor(m => m.UserName, new { @class = "m-wrap", placeholder = "Tên đăng nhập" })
						@*<input class="m-wrap" type="text" placeholder="Username" />*@
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-lock"></i>
						@Html.PasswordFor(m => m.Password, new { @class = "m-wrap", placeholder = "Mật khẩu" })
						@*<input class="m-wrap" type="password" style="" placeholder="Password" />*@
					</div>
				</div>
			</div>
			<div class="form-actions">
				<label class="checkbox">
					@Html.CheckBoxFor(m => m.RememberMe)
					@*<input type="checkbox" />*@
					Ghi nhớ
				</label>
				<button id="login-btn" class="btn green pull-right" type="submit">Đăng nhập <i class="m-icon-swapright m-icon-white"></i>
				</button>
			</div>
			<div class="forget-password">
				<h4>Quên mật khẩu ?</h4>
				<p>
					Click vào <a href="javascript:;" class="" id="forget-password">đây</a>
					để lấy lại mật khẩu.
				</p>
			</div>
@*</form>*@
  }
		<!-- END LOGIN FORM -->
		<!-- BEGIN FORGOT PASSWORD FORM -->
		<form class="form-vertical forget-form" action="index.html" />
		<h3 class="">Quên mật khẩu ?</h3>
		<p>Nhập địa chỉ email để đặt lại mật khẩu.</p>
		<div class="control-group">
			<div class="controls">
				<div class="input-icon left">
					<i class="icon-envelope"></i>
					<input class="m-wrap" type="text" placeholder="Email" />
				</div>
			</div>
		</div>
		<div class="form-actions">
			<a href="javascript:;" id="back-btn" class="btn">
				<i class="m-icon-swapleft"></i>&nbsp;Quay lại
			</a>
			<a href="javascript:;" id="forget-btn" class="btn green pull-right">Gửi <i class="m-icon-swapright m-icon-white"></i>
			</a>
		</div>
		</form>
    <!-- END FORGOT PASSWORD FORM -->
	</div>
	<!-- END LOGIN -->
	<!-- BEGIN COPYRIGHT -->
	<div class="copyright" style="width:100%">
		2013 &copy; Trung tâm Quản trị mạng trường Đại học Hàng Hải.
	</div>
	<!-- END COPYRIGHT -->
	<!-- BEGIN JAVASCRIPTS -->
	<script src="~/Content/themes/assets/js/jquery-1.8.3.min.js"></script>
	<script src="~/Content/themes/assets/bootstrap/js/bootstrap.min.js"></script>
	<script src="~/Content/themes/assets/uniform/jquery.uniform.min.js"></script>
	<script src="~/Content/themes/assets/js/jquery.blockui.js"></script>
	<script src="~/Content/themes/assets/js/app.js"></script>
	<script>
		jQuery(document).ready(function () {
			App.initLogin();
		});
	</script>
	<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>
